<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题架构</title>
</head>
<link href="./layui/css/layui.css" rel="stylesheet">
<body>
<div style="width: 60%;display: block;margin: 0 auto;">
<table id="titleList" lay-filter="titleList"></table></div>
</body>
</html>
<script src="./js/jquery-1.9.1.min.js"></script>
<script src="./layui/layui.js"></script>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-group">
        <button class="layui-btn layui-btn-sm layui-bg-orange" lay-event="reload" id="reload"><i class="layui-icon">&#xe666;</i>重载</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="toInfo"><i class="layui-icon">&#xe65c;</i>返回我的信息</button>
    </div>
</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="goToTitle">进入该标题列表</a>

</script>
<script>
    var params={"titleType":"allTitle"}
    var url= './titleList.php' //数据接口
    $.ajax({
        type:'get',
        url:url,
        data:params,
        success:function (data) {

        },
        error:function () {

        }
    });


    layui.use(['layer', 'util', 'table','form', 'laydate'], function () {
        var table = layui.table;
        var $ = layui.$;
        var layer = layui.layer;
        var table = layui.table;
        var form = layui.form;
        var laydate = layui.laydate;
        //第一个实例
        table.render({
            elem: '#titleList'
            , type:'get'
            ,where:{"titleType":"allTitle"}
            , url: './titleList.php' //数据接口
            , page: false //开启分页
            , limit: Number.MAX_VALUE
            , toolbar: '#toolbarDemo'// 头部工具栏
            , defaultToolbar: ['filter', 'exports', 'print']
            , cols: [[ //表头

                 { field: 'd', title: '章数' }
                , { field: '正文标题', title: '标题', }
                , { field: '正文内容', title: '内容',hide:true }
                ,{fixed: 'right', title: '操作', align:'center', toolbar: '#barDemo'}


            ]]
            ,parseData: function (res) {
                //res是请求返回的数据，可以在parseData中对数据进行一些处理，返回layui要求的格式
                /*
                ......
                */
                if (res.status) {


                    return {
                        'code': 0, //接口状态
                        'msg': '', //提示文本
                        'count': res.msg.length, //数据长度
                        'data': res.msg //数据列表，是直接填充进表格中的数组
                    }
                }
            }

        });
        table.on('toolbar(titleList)', function (obj) {

            switch (obj.event) {
                case 'reload':table.reload('titleList');break;
                case 'toInfo':window.location.href='./info.html';break;

            }
        })

        table.on('tool(titleList)', function(obj){
            var data = obj.data //获得当前行数据
                ,layEvent = obj.event; //获得 lay-event 对应的值
            console.log(obj)
            if (obj.event=="goToTitle"){
                if (data.d0=="1"){
                    window.location.href='./titleList.html'
                }else if (data.d0=="2"){
                    window.location.href='./titleList2.html?d='+data.d1
                }else if (data.d0=="3"){
                    window.location.href='./titleList3.html?d='+data.d1+"_"+data.d2
                }
            }
        })


    })

    function reloadButton(){

        $("#reload").click()
    }


    setInterval("reloadButton()",10000)
</script>